<!DOCTYPE html> 
<html>
<style type="text/css">
        .productLazyLoad
        {
width:800px;
height:400px;
        }
    </style>
<head>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.js"></script>
</head>
<body>
<ul>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/b9dc2eb95522178b4a5208874748b343.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/21bb50760ac87189b6c452fb8619a3e0.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/5fea1e92995c886b03cd18812fafc429.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/9ffd24000208ab9b06b22528e18933cd.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/d82f2ad17ef4446a76785c72699a0eb4.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/dbf2243c8004bfbfc237aa293e814d97.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/75d8696ed2895bdfc7159f95841171e6.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/9cc955331b1af6316e53599b74e6f1e3.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
	
<a href="javascript:;" hidefocus="true"><img original="http://myframe/upload/308e15534bbf1df59748aa4d1def1f39.jpeg" alt="" rel=""  class="productLazyLoad"/></a>
</ul>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {

			$("img[original]").lazyload({
				placeholder: "http://images.vancl.com/search/color3.gif",
effect : "fadeIn" 
			});
		});
	 </script>		
